<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>选择支付方式</title>
    <link rel="shortcut icon" href="../../static/damai/image/label.ico" th:href="@{/damai/image/label.ico}" type="image/x-icon">
    <link rel="stylesheet" href="../../static/damai/css/pay-public-min.css" th:href="@{/damai/css/pay-public-min.css}">
    <link rel="stylesheet" href="../../static/damai/css/shopping-min.css" th:href="@{/damai/css/shopping-min.css}">
</head>
<body>

<!--页面顶部start-->
<div class="top-s">
    <div class="top-con">
        <ul class="fl">
            <li id="headerUserinfo" class="dm-info">
                <span th:if="${session.user ne null}" class="dm-name" th:text="'HI，'+${session.user.nickName}">HI , 星语o</span>
                <a class="dm-exit" title="退出" th:href="@{/user/logout}">退出</a>
            </li>
        </ul>
    </div>
</div>
<!--页面顶部end-->

<div class="site_guide">
    <a title="首页" href="../../templates/index.html" th:href="@{/}">首页</a> &gt; 支付中心
</div>


<!--主体内容start-->
<div class="shopping shopping_w">
    <dl class="guide threestep">
        <dt class="on">确认订单信息</dt>
        <dd class="on">下订单</dd>
        <dt class="on">选择支付方式</dt>
        <dd>完成支付</dd>
        <dt>追踪订单</dt>
    </dl>
    <!--erro-->
    <!--table list-->
    <div class="pay">
        <ul class="hd">
            <li>支付编号</li>
            <li>订单编号</li>
            <li>商品名称</li>
            <li>订单金额</li>
            <li>应付金额</li>
        </ul>
        <table class="orderTableinfo">
            <tbody>
            <tr>
                <td th:text="${order.aliTradeNo}">26856604</td>
                <td>
                    <table>
                        <tbody>
                        <tr>
                            <td class="noborder" th:text="${order.orderNo}">1027629947760</td>
                            <td class="noborder" th:text="${order.itemName}">Jony J喜新恋旧全国巡回演唱会-深圳站</td>
                            <td class="noborder" th:text="${order.totalAmount}">300.00元</td>
                        </tr>
                        </tbody>
                    </table>
                </td>
                <td class="f14"><strong class="c4" th:text="${order.totalAmount}">300.00</strong>元</td>
            </tr>
            </tbody>
        </table>

        <!--pay tab-->
        <div class="hidden" id="paymethods" style="display: block;">
            <div class="payTab" id="selectPay">
                <ul>
                    <!--<li typeid="7" class=""><a href="javascript:void(0)">网上银行付款</a></li>-->
                    <li class="i-active on" typeid="1"><a href="javascript:void(0)">支付平台付款</a></li>
                    <!--<li typeid="18"><a href="javascript:void(0)">优惠通道</a></li>-->
                    <!--<li typeid="17"><a href="javascript:void(0)">分期付款</a></li>-->
                </ul>
            </div>
            <form th:action="@{/alipay/pay}" method="post" name="form1" target="_blank" id="form1">
                <div class="payInner" style="display: block;">
                    <div class="t prel">
                        <p>应付总金额:<span class="c4" th:text="${order.totalAmount}">300.00</span> 元</p>
                        <p class="c5 bold">部分网上银行不支持非IE浏览器，建议复制本网页的网址，使用IE浏览器继续付款操作</p></div>
                    <ul class="bank clear">
                        <!--<li class="on">-->
                            <!--<label>-->
                                <!--<input class="r" type="radio" name="payMethod" value="2481" groupid="77" typeid="57"-->
                                       <!--rt="57" st="1">-->
                                <!--<img src="../../static/damai/image/detail/57.jpg" th:href="@{/damai/image/detail/57.jpg}" class="">-->
                            <!--</label>-->
                        <!--</li>-->
                        <li>
                            <label>
                                <input class="r" type="radio" name="payMethod" checked>
                                <img src="../../static/damai/image/detail/2.jpg" th:src="@{/damai/image/detail/2.jpg}">
                            </label>
                        </li>
                    </ul>
                    <p class="tips-new" id="wsdtips" style="padding:0 0 0 35px; margin-top:5px;display:none">
                        当您选择此支付方式时，会产生3%的费用。如果您不能接受，我们建议您选择其他支付方式进行支付。由此造成的不便，请见谅。</p>
                    <p class="pt20">
                        <input type="submit" name="gotoPay" id="submit2" value="" class="btn_pay">
                    </p>
                </div>
                <input type="hidden" th:value="${order.orderNo}" name="orderNo">
                <input type="hidden" th:value="${order.itemName}" name="itemName">
                <input type="hidden" th:value="${order.totalAmount}" name="totalAmount">
            </form>
            <!-- pays.aspx end-->
        </div>
    </div>
</div>
<!--主体内容end-->

<!--底部信息start-->
<div class="dm-bottom-wrap">
    <div class="dm-bottom">
        <div class="dm-links"><a href="javascript:void(0)" target="_blank">帮助中心</a> |<a
                href="javascript:void(0)" target="_blank">公司介绍</a> |<a
                href="javascript:void(0)" target="_blank">品牌识别</a> |<a
                href="javascript:void(0)" target="_blank">大麦大事记</a> |<a
                href="javascript:void(0)" target="_blank">隐私权专项政策</a> |<a
                href="javascript:void(0)" target="_blank">廉正举报</a> |<a
                href="javascript:void(0)" target="_blank">联系合作</a> |<a
                href="javascript:void(0)" target="_blank">招聘信息</a> |<a
                href="javascript:void(0)" target="_blank">防骗秘籍</a></div>
        <div class="dm-copyright"><p><a href="javascript:void(0)" target="_blank">京ICP证031057号</a>
            <span>|</span> <a href="javascript:void(0)" target="_blank">京ICP备11043884号</a> <span>|</span> <a
                    href="javascript:void(0)" target="_blank">
                <img src="../../static/damai/image/detail/police.png" th:src="@{/damai/image/detail/police.png}" class="vm">京公网安备11010102000430号 </a>
            <span>|</span> <a href="javascript:void(0)" target="_blank">广播电视节目制作经营许可证
                (京)字第02253号</a></p>
            <p><a href="javascript:void(0)" target="_blank">网络文化经营许可证
                京网文[2016]3438-413号</a> <span>|</span> <a href="javascript:void(0)"
                                                         target="_blank">营业性演出许可证 京市演587号</a></p>
            <p> 北京红马传媒文化发展有限公司 版权所有 <a href="javascript:void(0)">大麦网</a> Copyright 2003-2017 All Rights Reserved </p></div>
    </div>
</div>
<!--底部信息end-->
<script src="../../static/js/jquery-3.3.1.min.js" th:src="@{/js/jquery-3.3.1.min.js}"></script>
<script>

    $(function () {
        setInterval(function () {
            if(confirm('是否已支付完成?')){
                window.location = '/order/orderList';
            }
        },1000*60);
    });


</script>
</body>
</html>